<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<input type="text" id="text">
<div id="div"></div>
</body>
<script>
    var arr = ['薛之谦', '周杰伦','ad','发放','发发我','f'];
    // arr.filter((v) => {
    //     console.log(v);
    //     console.log(Object.values(v));
    //     Object.values(v).some(_v => {
    //         console.log(_v);
    //         console.log((_v + '').indexOf());
    //     })
    // })
    document.getElementById('text').oninput = function (e) {
        if (e.target.value === '') {
            document.getElementById('div').innerText = '';
        } else {
            document.getElementById('div').innerText = arr.filter(v => Object.values(v).some(_v => (_v + '').indexOf(e.target.value) >= 0))
        }
    }
</script>
</html>